<template>
    <n-carousel draggable>
      <img
          class="carousel-img"
          src="../assets/images/banner.png"
      >
      <img
          class="carousel-img"
          src="../assets/images/banner2.png"
      >
      <img
          class="carousel-img"
          src="../assets/images/banner.png"
      >
      <img
          class="carousel-img"
          src="../assets/images/banner2.png"
      >
    </n-carousel>


</template>

<script>
import { defineComponent, ref } from "vue";
export default defineComponent({
  setup() {
    return {
      show: ref(false),
      placement:ref('left'),
    };
  },

});
</script>
<style scoped>
.carousel-img {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}

</style>